<div class="top">
    <div class="topMenu">
        <div class="topML">
            <a href="#"><span></span>掌上新蛋</a>
            <a href="#"><span></span>企业团购</a>
        </div>
        <div class="topMR">
            <ul>
                <li><a href="./register.html" class="toReg">注册</a>|</li>
                <li><a href="./login.html" class="toLogin">登录</a></li>
                <li><a href="">上午好,欢迎来新蛋购物</a></li>
                <li><a href="">我的订单<span></span></a></li>
                <li><a href="">我的新蛋<span></span></a></li>
                <li><a href="">帮助中心</a></li>
                <li><a href="">客户服务<span></span></a></li>
            </ul>
        </div>
    </div>
</div>
<div class="topBan">

    <div class="logo">
        <a href="javascript:void(0)" class="toIndex"><img src="./images/indexPic/logo_03.jpg" alt=""></a>
    </div>
    <div class="search">
        <div class="sear">
            <input type="text" placeholder="请输入您要搜索的关键字" name="search" class="inp" id="inp"><button id="btn">搜索</button>
        </div>
        <div class="searList">
            <ul>
                <li><a href="">Bose</a>|</li>
                <li><a href="">AirPods</a>|</li>
                <li><a href="">mate20</a>|</li>
                <li><a href="">Thinkpad</a>|</li>
                <li><a href="">索尼电视机</a></li>
            </ul>
        </div>
    </div>
</div>

<div class="nav">
    <div class="nav_con">
        <div class="cato" id="cato">
            <a href="#">全部商品分类<span></span></a>
        </div>
        <ul class="list">
            <li><a href="">首页</a></li>
            <li><a href="">限时抢购</a></li>
            <li><a href="">团团赚</a></li>
            <li><a href="">爱车配</a></li>
            <li><a href="">二手宝库</a></li>
        </ul>
        <div class="carts">
            <ul class="tips">
                <li class="tab-item cart">购物车<span>0</span>件<span></span>
                </li>
                <li class="tab-item love">收藏提醒 <span></span></li>
            </ul>
            <div class="listBox">
                <div class="liBox carttip"><span class="nothing">您还没有购买商品,快去挑选吧</span></div>
                <div class="liBox lovetip"><span class="nothing">您收藏的商品暂无动态信息</span></div>
            </div>

            <!-- <span>购物车<span></span>件</span>
            <span>收藏提醒</span> -->
        </div>
    </div>
</div>
<script>
    $(".carts").find(".tab-item").mouseenter(function () {
        $(this).addClass("active").siblings().removeClass("active");
        // border: ;
        $(".listBox").css("border", "2px solid #ff6600")
        $(".listBox").css("borderTop", "0")

        var $index = $(this).index();
        $(".carts .listBox .liBox").eq($index).addClass("selected").siblings().removeClass("selected");
        $(".cartList").css("diaplay", "block")
    })
    $(".carts").mouseleave(function () {
        $(this).find(".tab-item").removeClass("active")
        $(".listBox").css("border", "0")

        $(".carts .listBox .liBox").removeClass("selected")
        $(".cartList").css("diaplay", "none")

    })
</script>
<script src="./js/indexHead.js"></script>
<link rel="stylesheet" href="./css/indexheader.css">
